<?xml version="1.0" encoding="UTF-8"?>
<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<!--
     This test checks that a canvas element with "min-height: min-content"
     and a huge specified "height" ends up being shrinkable. (In particular,
     the large "height" value shouldn't influence the min-content height).
-->
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <style>
      div.flexbox {
        height: 50px;
        width: 50px;
        border: 2px dotted black;
        display: flex;
        flex-direction: column;
      }
      canvas {
        width: 50px;
        height: 1000px;
        background: purple;
        /* min-height: min-content isn't supported yet (bug 852367), but we'd
           like this to work when it is supported. */
        min-height: -moz-min-content;
      }
    </style>
  </head>
  <body>
    <div class="flexbox">
      <canvas/>
    </div>
  </body>
</html>
